<template>
    <div class="Home">
        <section class="header-one" style="background-image: linear-gradient(rgb(248, 81, 27), rgb(252, 226, 196) 100%);"></section>
        <HeadTop class="top"></HeadTop>
        <HomeContent class="middle"></HomeContent>
        <HomeFooter class="footer"></HomeFooter>
    </div>
</template>

<script>

import HeadTop from '../../components/jing/home/HeadTop.vue'
import HomeContent from '../../components/jing/home/HomeContent.vue'
import HomeFooter from '../../components/jing/home/HomeFooter.vue'
export default {
    components:{
       HeadTop,
       HomeContent,
       HomeFooter
     }
}
</script>

<style scoped>
.Home{
    position: relative;
    display: flex;
    flex-direction: column;
}
    .header-one{
        height: 9rem;
        width: 100%;
        position:absolute;
        top: 1.75rem;
    }
    .middle{
        flex:1
    }
</style>